﻿@{
    ViewBag.Title = "RoleAdd";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="~/Resources/Css/common.css" rel="stylesheet" />
<script src="~/resources/plugins/bootstrap-filestyle/1.2.1/bootstrap-filestyle.min.js"></script>
<script src="~/resources/plugins/ckeditor/4.5.5/standard/ckeditor.js"></script>
<script src="~/resources/bootstrapvalidator/js/bootstrapValidator.min.js"></script>
<link href="~/resources/bootstrapvalidator/css/bootstrapValidator.min.css" rel="stylesheet" />
<script src="~/Resources/jquery-confirm/js/jquery-confirm.js"></script>
<link href="~/Resources/jquery-confirm/css/jquery-confirm.css" rel="stylesheet" />
<script src="~/Resources/bootstrap-treeview/bootstrap-treeview.min.js"></script>
<link href="~/Resources/bootstrap-treeview/bootstrap-treeview.min.css" rel="stylesheet" />
<form id="RoleAddForm">
    <div class="boxmain">
        <!-- box / title -->
        <div class="title">
            <ol class="breadcrumb">
                <li><a href="javascript:void(0);" onclick="goBack()">Role Management</a></li>
                <li class="active">Add Role</li>
            </ol>
        </div>

        <input type="hidden" id="hid" value="0" />
        <div class="form-horizontal">

            <div class="form-group">
                <label class="col-sm-2 control-label"><span>*</span>Role Name</label>
                <div class="col-sm-10">
                    <input type="text" id="Rolename" name="Rolename" class="form-control" placeholder="Role Name" />
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">Description</label>
                <div class="col-sm-10">
                    <textarea name="desTextarea" id="desTextarea" rows="10" maxlength="2000"></textarea>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">Privileges</label>
                <div class="col-sm-10">
                    <div class="container" style="width: 100%; border: 1px solid #ccc; border-radius: 5px; padding: 12px 8px; margin-bottom: 10px;">
                        <table id="tableCheckBox" class="table table-bordered  table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Privilege Name</th>
                                </tr>
                            </thead>
                            <tbody>

                                @*@foreach (CSStaff.Model.Page page in listPage)
                                {
                                    <tr>
                                        <td style="width:30px;">
                                            <input type="checkbox" name="@page.PageID" class="checkbox" />
                                        </td>
                                        <td>@page.PageName</td>
                                    </tr>
                                }*@
                                
                            </tbody>
                        </table>
                        <div id="treeview-checkable" class=""></div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label"></label>
                <div class="col-sm-10">
                    <input type="submit" class="col-sm-1 btn btn-primary" value="Save" />
                    <input type="button" class="col-sm-1 btn btn-default" id="btnBack" onclick="javascript: goBack();" value="Back" />
                </div>
            </div>
        </div>
    </div>
</form>
<script src="~/Resources/Script/Role/RoleAdd.js"></script>


